<template>
    <div class="item-content" :style="{width:itemWidth + 'px'}">
        <!-- <div class="item"> -->
            <slot></slot>
        <!-- </div> -->
    </div>
</template>
<script>
/* eslint-disable */
export default {
    name:'swiperItem',
    data () {
      return {
        itemWidth: 0
      }
    },
    mounted () {
      this.itemWidth = document.querySelector('.item-content').parentElement.parentNode.clientWidth;
      console.log(this.itemWidth)
    }
}
</script>
<style scoped>
.item-content {
  display: inline-block;
}
</style>
